

<HTML>
<HEAD>
<TITLE>First Test of Section 17.4 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
#id1 {caption-side: top}
#id2 {caption-side: bottom}
#id3 {caption-side: left}
#id4 {caption-side: right}
#id5 {caption-side: inherit}





</STYLE>
</HEAD>




<BODY>
<h1 >
Testing First Testable Statement of Sec 17.4 of CSS2 Specification
</h1>


<ul>
<li  >
1. The caption-side property has the following values: "top | bottom |
left | right | inherit".
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #1 above is passed, then
in the first table below, the caption side is top, and in the second table
below, the caption side is bottom.
The rules applied are "#id1 {caption-side: top}", and 
"#id2 {caption-side: bottom}".
<table >
<caption id=id1>Table1 
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>
<table >
<caption id=id2>Table2
<tr><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td></tr>
</table>
The two tables below have caption-side of left and right, respectively.
<table>
<caption id=id3>
<tr><td>9</td><td>10</td></tr>
<tr><td>11</td><td>12</td></tr>
</table>
<table>
<caption id=id4>
<tr><td>13</td><td>14</td></tr>
<tr><td>15</td><td>16</td></tr>
</table>
The table below has a caption-side of inherit.
<table>
<caption id=id5>
<tr><td>17</td><td>18</td></tr>
<tr><td>19</td><td>20</td></tr>
</table>
The rules applied are "#id1 {caption-side: top}",
"#id2 {caption-side: bottom}",
"#id3 {caption-side: left}",
"#id4 {caption-side: right}",
"#id5 {caption-side: inherit}".
All other properties of this page should be UA-default.


</BODY>
</HTML>

